
<section class="itq-slide-top">
    <section class="slide-left">
        <div class="flexslider1">
            <ul class="slides">
                <?php foreach($bannerleft as $key => $value){?>
                    <li>
                        <img style="width: 100%; height: 310px" src="<?php echo $value->destination;?>" />
                    </li>
                <?php } ?>
            </ul>
        </div>
    </section>
    <section class="slide-right">
        <div id="amazingslider-1" style="display:block;position:relative;overflow: hidden;margin:0px auto 32px; border-radius: 5px; border: 3px solid #ffffff">
            <ul class="amazingslider-slides" style="display:none;">
                <?php foreach($bannerright as $key => $value){?>
                    <li><img src="<?php echo $value->destination;?>" alt="banner-02" /></li>
                <?php }?>
            </ul>
            <ul class="amazingslider-thumbnails" style="display:none;">
                <?php foreach($bannerright as $key => $value){?>
                    <li><img src="<?php echo $value->destination;?>" /></li>
                <?php }?>
            </ul>
            <div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com" title="Slider jQuery">Slider jQuery</a></div>
        </div>
    </section>
    <section class="clear"></section>
</section>
<!--itq-slide-top-->
<section class="itq-container">
    <aside class="q-sidebar">
        <section class="q-nav-left">
            <ul class="list-item">
                <li class="list-item"><a class="main" href="#"><figure><img src="images/icon-nav-01.png"><figcaption>Danh mục sản phẩm</figcaption></figure></a>
                    <ul class="sub-list-item">
                        <?php foreach ($listleftcategory as $key=> $value) {?>
                            <li class="sub-list-item"><a href="<?php echo Yii::app()->createUrl('home/listsameproduct',array('id'=>$value->id))?>"><?php echo $value->category_name?></a></li>
                        <?php }?>
                    </ul><!--.sub-list-item-->
                </li>
            </ul><!--.list-item-->
        </section>
        <!--q-nav-left-->
        <section class="q-nav-left"">
        <label class="q-label">
            <h4 class="white-bold-15"><i class="glyphicon glyphicon-film"></i> Video Sản phẩm </h4>
        </label>
        <section class="q-video">
            <iframe width="240" height="200" src="//www.youtube.com/embed/V46aPEWgqmY" frameborder="0" allowfullscreen></iframe>
        </section>
</section>
<!--q-video-left-->
<section class="q-new-left">
    <label class="q-label">
        <h4 class="white-bold-15"><i class="glyphicon glyphicon-list-alt"></i> Tin Tức Nổi Bật </h4>
    </label>
    <ul class="q-news">
        <?php foreach($listnew as $key=>$value){?>
            <li class="news-item">
                <figure>
                    <img src="<?php echo $value->images?>">
                    <a href="<?php echo Yii::app()->createUrl('home/xemthem',array('id'=>$value->id))?>" class="back-12-b"><?php echo $value->title ?></a>
                </figure>
            </li>
        <?php }?>
    </ul>
</section>
<!--q-new-left-->
<section class="q-sosial-left">
    <label class="q-label">
        <h4 class="white-bold-15"><i class="glyphicon glyphicon-list-alt"></i> FanPage </h4>
    </label>
    <section class="q-sosial">
        <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width=200&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=857911027553541" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:200px; padding-top: 10px" allowTransparency="true"></iframe>
    </section>
</section>

<!--q-statistics-left-->
</aside>
<script>
    $(function(){
        var menu_ul = $('ul.list-item li.list-item ul.sub-list-item');
        var menu_a = $('ul.list-item li.list-item a.main ');
        menu_ul.hide();
        menu_a.click(function(e){
            e.preventDefault();
            if(!$(this).hasClass('active')){
                menu_a.removeClass('active');
                menu_ul.slideUp('slow');
                $(this).addClass('active').next().slideDown('slow');
            }else{
                $(this).removeClass('active');
                $(this).next().slideUp('slow');
            }
            return true;
        })
    });
</script>
<!--end-aside-->
<!--q-content-->
<section class="q-content">
    <header class="q-header">
        <form class="frm-cost" action="#" method="get" oninput="x.value=parseInt(a.value)">
            <span class="yellow-14">Giá</span>
            <input class="t-cost" type="range" id="a" name="a" min="1000" max="1000000" value="100000">
            <output class="t-result" name="x" for="a"></output>
            <input class="submit-cost" type="submit" name="submit-cost" value="Lọc sản phẩm">
        </form>
        <form class="frm-search" action="#1" method="post">
            <input  class="txt-name" type="text" name="txt_name" placeholder="Nhập Sản Phẩm Cần Tìm">
            <input  class="search-name" type="button" name="search" value="&nbsp;&nbsp;">

        </form>
    </header>
    <!--container-header-->
    <section class="q-list-product">
        <ul class="q-product">
            <?php foreach($listproduct as $key =>$value){?>
                <li class="q-product">
                    <figure>
                        <img src="<?php echo $value->images?>">
                        <a href="<?php echo Yii::app()->createUrl('home/buyproduct',array('id'=>$value->id))?>" class="q-buy">Mua</a>
                        <a href="<?php echo Yii::app()->createUrl('home/detailproduct',array('id'=>$value->id))?>" class="q-view">Xem</a>
                    </figure>
                    <figcaption class="row1"><?php echo $value->name?></figcaption>
                    <figcaption class="row2"><span class="cost"> Giá : <?php echo $value->cost?> VNĐ</span><strike>Giá Cũ:  <?php echo $value->oldcost?>VNĐ</strike></figcaption>
                </li>
            <?php } ?>
            <section class="clear"></section>
        </ul>
    </section>

</section>
<!--content-->
<section class="clear"></section>
</section>



<!--slide-bot-->
</section>
<script>
    var buttom = (".q-content .q-paging ul li a");
    $(document).ready(function(){
        $(".q-content .q-paging ul li a").click(function(){
            $(this).addClass('active');
        })
    })

</script>
